﻿<%@ Control Language="C#" AutoEventWireup="true"
    Inherits="Pages_Controls_NavigationMenu" Codebehind="NavigationMenu.ascx.cs" %>
<div class="well">
    <ul class="tabs">
        <li id="begin" class=""><a href="begin.aspx">Start Over</a></li>
        <li id="selectsurface" class=""><a href="selectsurface.aspx">1) Surface</a></li>
        <li id="selectshape" class=""><a href="selectshape.aspx">2) Shape</a></li>
        <li id="selectcolor" class=""><a href="selectcolor.aspx">3) Color</a></li>
        <li id="selectedge" class=""><a href="selectedge.aspx">4) Edge</a></li>
        <li id="sinkoptions" class=""><a href="sinkoptions.aspx">5) Sink</a></li>
        <li id="selectoptions" class=""><a href="selectoptions.aspx">6) Options</a></li>
        <li id="estimate" style="background-color:Silver; color:white"><a href="#">Estimate</a></li>
    </ul>
</div>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        var str = window.location.pathname;

        $("#selectsurface").removeClass("active");
        $("#selectshape").removeClass("active");
        $("#selectcolor").removeClass("active");
        $("#selectedge").removeClass("active");
        $("#sinkoptions").removeClass("active");
        $("#selectoptions").removeClass("active");
        $("#estimate").removeClass("active-estimate");

        if (str.toLowerCase().indexOf("selectsurface") >= 0) {
            $("#selectsurface").addClass("active");
        }
        else if (str.toLowerCase().indexOf("selectshape") >= 0 ||
        str.toLowerCase().indexOf("entershapeinputs") >= 0) {
            $("#selectshape").addClass("active");
        }
        else if (str.toLowerCase().indexOf("selectcolor") >= 0 ||
        str.toLowerCase().indexOf("selectstonecategory") >= 0 ||
        str.toLowerCase().indexOf("stoneselectioninfo") >= 0) {
            $("#selectcolor").addClass("active");
        }
        else if (str.toLowerCase().indexOf("selectedge") >= 0) {
            $("#selectedge").addClass("active");
        }
        else if (str.toLowerCase().indexOf("sinkoptions") >= 0 ||
        str.toLowerCase().indexOf("gmsfreesink") >= 0 ||
        str.toLowerCase().indexOf("selectcustomerownsink") >= 0) {
            $("#sinkoptions").addClass("active");
        }
        else if (str.toLowerCase().indexOf("selectoptions") >= 0) {
            $("#selectoptions").addClass("active");
        }
        else if (str.toLowerCase().indexOf("estimate") >= 0) {
            $("#estimate").addClass("active-estimate");
        }
    });
</script>